<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>Directorate</title>
		<meta name="description" content="" />
		<meta name="author" content="HaiNHH1" />

		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
		<!--[if lt IE 9]>
		<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<script src="../Javascript/Flot/excanvas.js"></script>
		<![endif]-->
		<!-- The Fonts -->
		<link href="http://fonts.googleapis.com/css?family=Oswald|Droid+Sans:400,700" rel="stylesheet" />
		<!-- The Main CSS File -->
		<link rel="stylesheet" href="../CSS/style.css" />
		<!--MyCSS-->
		<link rel="stylesheet" href="../CSS/hainhh1.css" />
		<!-- jQuery -->
		<script src="../Javascript/jQuery/jquery-1.7.2.min.js"></script>
		<!-- Flot -->
		<script src="../Javascript/Flot/jquery.flot.js"></script>
		<script src="../Javascript/Flot/jquery.flot.resize.js"></script>
		<script src="../Javascript/Flot/jquery.flot.pie.js"></script>
		<!-- DataTables -->
		<script src="../Javascript/DataTables/jquery.dataTables.min.js"></script>
		<!-- ColResizable -->
		<script src="../Javascript/ColResizable/colResizable-1.3.js"></script>
		<!-- jQuryUI -->
		<script src="../Javascript/jQueryUI/jquery-ui-1.8.21.min.js"></script>
		<!-- Uniform -->
		<script src="../Javascript/Uniform/jquery.uniform.js"></script>
		<!-- Tipsy -->
		<script src="../Javascript/Tipsy/jquery.tipsy.js"></script>
		<!-- Elastic -->
		<script src="../Javascript/Elastic/jquery.elastic.js"></script>
		<!-- ColorPicker -->
		<script src="../Javascript/ColorPicker/colorpicker.js"></script>
		<!-- SuperTextarea -->
		<script src="../Javascript/SuperTextarea/jquery.supertextarea.min.js"></script>
		<!-- UISpinner -->
		<script src="../Javascript/UISpinner/ui.spinner.js"></script>
		<!-- MaskedInput -->
		<script src="../Javascript/MaskedInput/jquery.maskedinput-1.3.js"></script>
		<!-- ClEditor -->
		<script src="../Javascript/ClEditor/jquery.cleditor.js"></script>
		<!-- Full Calendar -->
		<script src="../Javascript/FullCalendar/fullcalendar.js"></script>
		<!-- Color Box -->
		<script src="../Javascript/ColorBox/jquery.colorbox.js"></script>
		<!-- Kanrisha Script -->
		<script src="../Javascript/kanrisha.js"></script>
	</head>

	<body>
		<div id="detail_block" class="g_12">
			<div id="input_form" class="widget_contents noPadding">
				<div id="left_column">
					<div id="line_1" class="grid_line">
						<div class="block_label label">
							Department Name: <span class="must">*</span>
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_2" class="grid_line">
						<div class="block_label">
							Department Short Description: <span class="must">*</span>
						</div>
						<div class="block_input">
							<textarea class="simple_field textarea_custom" >
								
							</textarea>
						</div>
					</div>
					<div id="line_3" class="grid_line">
						<div class="block_label">
							Lead contact:
						</div>
						<div class="block_input">
							<input type="text" class="simple_field text_float_left" />
							<span> <a class="my_link" href="#">Lookup</a> </span>
						</div>
					</div>
					<div id="line_4" class="grid_line">
						<div class="block_label">
							Copy Address from Organisation
						</div>
						<div class="block_input">
							<input type="checkbox" class="simple_form" />
						</div>
					</div>
					<div id="line_5" class="grid_line">
						<div class="block_label">
							Address Line 1: <span class="must">*</span>
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_6" class="grid_line">
						<div class="block_label">
							Address Line 2:
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_7" class="grid_line">
						<div class="block_label">
							Address Line 3:
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_15" class="grid_line">
						<div class="block_label">
							Postcode<span class="must">*</span>
						</div>
						<div class="block_input">
							<input type="text" class="simple_field text_float_left" />
							<span> <a class="my_link" href="#">Lookup</a> </span>
						</div>
					</div>
					<div class="grid_line" id="line_16">
						<div class="block_label">
							Town/Village/City
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_17" class="grid_line">
						<div class="block_label">
							County
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_18" class="grid_line">
						<div class="block_label">
							County
						</div>
						<div class="block_input">
							<select class="selector selector_custom">
								<option value="1">ABC</option>
							</select>
						</div>
					</div>
				</div>
				<div id="right_column" class="column">
					<div id="line_8" class="grid_line">
						<div class="block_label">
							Type of Business
							<span class="must">*</span>
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_9" class="grid_line">
						<div class="block_label">
							SIC Code:
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" readonly="readonly" />
						</div>
					</div>
					<div id="line_10" class="grid_line">
						<div class="block_label">
							BU/Directorate Full Description
						</div>
						<div class="block_input">
							<textarea class="simple_field textarea_custom"> </textarea>
						</div>
					</div>
					<div id="line_11" class="grid_line">
						<div class="block_label">
							Phone number
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_12" class="grid_line">
						<div class="block_label">
							Fax:
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_13" class="grid_line">
						<div class="block_label">
							Email:
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_14" class="grid_line">
						<div class="block_label">
							Web Address
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_19" class="grid_line">
						<div class="block_label">
							Charity Number
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
					<div id="line_20" class="grid_line">
						<div class="block_label">
							Company Number
						</div>
						<div class="block_input">
							<input type="text" class="simple_field" />
						</div>
					</div>
				</div>
			</div>
			<div id="control_button" class="dtBottom">
				<div class="dtInfo">
					ABC
				</div>
				<div class="dtPagination">
					<input type="button" value="Save" class="simple_buttons my_button"/>
					<input type="button" value="Back" class="simple_buttons my_button" />
				</div>
			</div>
		</div>
	</body>
</html>
